<style>
.demo-notes li {
    width: auto;
}
</style>
<div class="demo-notes notes">
	<li> <h3>注意事项及声明</h3></li>
		<li><b>1.</b>源码商品同时有演示站及演示图且不一致时，建议您联系商家沟通确认；</li>
	<li><b>2.</b>若没有沟通确认记录，产生交易纠纷，默认以演示图作为首要评判依据；</li>
	<li class="red"><b>3.</b>演示站为商家所有及提供，若含有违法违规内容，请联系{:sysconf('site_name')}客服举报。</li>
	</div>
<div class=demo_box>
	<p style="text-indent:0;text-align: center;padding:10px 0;">
		{if($M==null)}
		<style>
			.layui-btn:hover {
				opacity: .8;
				filter: alpha(opacity=80);
				color: #fff;
			}
			.layui-btn.layui-btn-danger {
				background: #f57403;
				font-weight: 700;
			}
			.layui-btn {
				display: inline-block;
				height: 32px;
				line-height: 32px;
				padding: 0 18px;
				background: #009688;
				color: #fff;
				white-space: nowrap;
				text-align: center;
				border: none;
				border-radius: 2px;
				cursor: pointer;
				opacity: .9;
				filter: alpha(opacity=90);
				outline: 0;
				-webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5);
				transition: border-color .3s cubic-bezier(.65,.05,.35,.5);
				-webkit-box-sizing: border-box!important;
				-moz-box-sizing: border-box!important;
				box-sizing: border-box!important;
			}
			</style>	
		{else}
		<input type="button" class="layui-btn demo_sell layui-btn-primary" style="width:100px" value="联系商家">
		{/if}
		<a href="{$U}" target="_blank" class="layui-btn demo_web layui-btn-danger" style="width:100px" >查看演示</a><label><input type="checkbox" name="demonotips" value="1" class='va-2'>1天内不再提示</label>
	</p>
</div>
<script>
$("input[name=demonotips]").change(function(){ 
	var val=$(this).is(':checked')?1:0;
	$('a.demo[tips]').attr('tips',val);
	var exp = new Date();
	exp.setTime(exp.getTime() + 1*24*60*60*1000);
	document.cookie = 'demonotips=' +val +';expires=' + exp.toGMTString();
	val==1?$('.demo_box label').addClass('curr'):$('.demo_box label').removeClass('curr');
});
</script>